feat(web): add blog section with initial posts #11127

roomote · 2026-01-30T22:02:56Z

Implements MKT-66 through MKT-74 for the blog section on roocode.com/blog.

Summary

Adds a complete blog section with:

Content layer with Markdown/frontmatter and Pacific Time scheduling
Blog index page and individual post pages with dynamic SSR
SEO metadata and Schema.org structured data
PostHog analytics events
Navigation and sitemap integration
Previous/next post navigation

Initial Posts (4 total)

PRDs Are Becoming Artifacts of the Past (Jan 12)
Code Review Got Faster, Not Easier (Jan 19)
Vibe Coders Build and Rebuild, They Do Not Migrate (Jan 26)
Async Agents Change the Speed vs Quality Calculus (Feb 2)

Implementation Details

Content Layer (MKT-67):

Markdown files in src/content/blog/ with Zod-validated frontmatter
Pacific Time scheduling evaluated at request-time (no deploy needed for time-gating)
gray-matter for parsing, react-markdown + remark-gfm for rendering

Blog Pages (MKT-68, MKT-69):

Index page at /blog with dynamic SSR (force-dynamic, runtime: nodejs)
Post page at /blog/[slug] with dynamic SSR
Breadcrumb navigation and prev/next post navigation

SEO (MKT-70):

Full OpenGraph and Twitter card metadata
Schema.org JSON-LD (Article, BreadcrumbList, CollectionPage)
Canonical URLs pointing to roocode.com/blog

Analytics (MKT-74):

PostHog blog_post_viewed and blog_index_viewed events
Referrer tracking for attribution

Navigation (MKT-72):

Updated nav-bar and footer to link to internal /blog
Blog link in Resources dropdown

Sitemap (MKT-71):

Dynamic blog paths with PT scheduling check

Testing

TypeScript compiles with no errors
Lint passes with no warnings
Frontmatter validation catches invalid formats

Files Changed

21 files changed
New: docs/blog.md, blog pages, blog components, blog content
Modified: nav-bar.tsx, footer.tsx, constants.ts, sitemap config

Important

Adds a dynamic blog section with initial posts, SEO, analytics, and navigation integration to the website.

Blog Section:
- Adds blog section with dynamic SSR for /blog and /blog/[slug] pages in page.tsx and [slug]/page.tsx.
- Integrates SEO metadata, Schema.org structured data, and PostHog analytics.
- Implements previous/next post navigation.
Content Management:
- Uses Markdown files in src/content/blog/ with Zod-validated frontmatter.
- Supports Pacific Time scheduling for post visibility.
Navigation and Sitemap:
- Updates nav-bar.tsx and footer.tsx to include blog links.
- Configures dynamic sitemap paths in next-sitemap.config.cjs.
Initial Posts:
- Adds 4 initial blog posts with specific publish dates and times.
Testing and Validation:
- Ensures TypeScript and linting pass without errors.
- Validates frontmatter schema to catch invalid formats.

^{This description was created by}^{for 85736c8. You can customize this summary. It will automatically update as commits are pushed.}

Implements MKT-66 through MKT-74: Content Layer (MKT-67): - Markdown files in src/content/blog with Zod-validated frontmatter - Pacific Time scheduling evaluated at request-time (no deploy needed) - gray-matter for parsing, react-markdown + remark-gfm for rendering Blog Pages (MKT-68, MKT-69): - Index page at /blog with dynamic SSR - Post page at /blog/[slug] with dynamic SSR - Breadcrumb navigation and prev/next post navigation SEO (MKT-70): - Full OpenGraph and Twitter card metadata - Schema.org JSON-LD (Article, BreadcrumbList, CollectionPage) - Canonical URLs pointing to roocode.com/blog Analytics (MKT-74): - PostHog blog_post_viewed and blog_index_viewed events - Referrer tracking for attribution Navigation (MKT-72): - Updated nav-bar and footer to link to internal /blog - Blog link in Resources dropdown Sitemap (MKT-71): - Dynamic blog paths with PT scheduling check Initial Posts: - PRDs Are Becoming Artifacts of the Past (Jan 12) - Code Review Got Faster, Not Easier (Jan 19) - Vibe Coders Build and Rebuild (Jan 26) - Async Agents Change the Speed vs Quality Calculus (Feb 2)

roomote · 2026-01-30T22:03:22Z

Rooviewer See task on Roo Cloud

No issues found. The latest commit was a CI retry with no code changes.

source field missing from Zod validation schema - the field will be silently stripped during parsing

Previous reviews

a1de7f7: Review #1

2378343: Review #2

b45b4f6: Review #3

8bfc6b9: Review #4

745575c: Review #5

7df0f88: Review #6

e9c598b: Review #7

85736c8: Review #8

836f480: Review #9

_{Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.}

github-actions · 2026-01-30T22:05:57Z

🚀 Preview deployed!

Your changes have been deployed to Vercel:

Preview URL: https://roo-code-website-3lbno5tr4-roo-code.vercel.app

This preview will be updated automatically when you push new commits to this PR.

mp-roocode · 2026-01-30T22:20:14Z

@roomote fix the failing test

roomote · 2026-01-30T22:21:43Z

Fixaroo See task on Roo Cloud

Fixed the failing test. The HistoryPreview component was refactored to use useGroupedTasks and TaskGroupItem, but the test was still mocking the old TaskItem component. Updated the test to properly mock the new dependencies. All local checks passed.

_{View commit | Revert commit}

The HistoryPreview component was refactored to use useGroupedTasks and TaskGroupItem instead of rendering TaskItem directly. This updates the test file to properly mock the new dependencies: - Mock useGroupedTasks hook to provide grouped task data - Mock TaskGroupItem instead of TaskItem - Update assertions to test for task groups instead of individual tasks

- Add reading time display to blog posts - Create BlogPostCTA component with 4 variants (default, extension, cloud, enterprise) - Add zebra striping to tables in blog posts - Add CTA to blog landing and paginated pages - Remove 'Posted' prefix from dates - Update blog description: 'How teams use agents to iterate, review, and ship PRs with proof' - Add BlogPostList and BlogPagination components - Add 100+ new blog posts from content pipeline

ellipsis-dev · 2026-02-02T18:18:40Z

⚠️ This PR is too big for Ellipsis, but support for larger PRs is coming soon. If you want us to prioritize this feature, let us know at [email protected]

Generated with ❤️ by ellipsis.dev

…r Hours, Roo Cast) - Add BlogSource type to types.ts - Export BlogSource from blog index - Add SourceBadge component to BlogPostList with colored badges - Each podcast has distinct color: blue (Office Hours), purple (After Hours), emerald (Roo Cast)

ellipsis-dev · 2026-02-02T18:23:04Z

⚠️ This PR is too big for Ellipsis, but support for larger PRs is coming soon. If you want us to prioritize this feature, let us know at [email protected]

Generated with ❤️ by ellipsis.dev

apps/web-roo-code/src/lib/blog/types.ts

…s, After Hours) - Add add-blog-sources.ts script to build title→source mapping - Updated 122 blog posts with correct podcast sources - Sources: Roo Cast (52), Office Hours (62), After Hours (8)

ellipsis-dev · 2026-02-02T18:39:22Z

⚠️ This PR is too big for Ellipsis, but support for larger PRs is coming soon. If you want us to prioritize this feature, let us know at [email protected]

Generated with ❤️ by ellipsis.dev

- Add source field to Zod validation schema - Source badges use same styling as tag badges (rounded, greyscale) - Badges display on /blog landing page for Office Hours, After Hours, Roo Cast

ellipsis-dev · 2026-02-02T18:43:47Z

⚠️ This PR is too big for Ellipsis, but support for larger PRs is coming soon. If you want us to prioritize this feature, let us know at [email protected]

Generated with ❤️ by ellipsis.dev

@type

- Change @type from Article to BlogPosting (more specific) - Add image property using OG image URL - Add wordCount for AEO optimization

ellipsis-dev · 2026-02-02T18:45:34Z

⚠️ This PR is too big for Ellipsis, but support for larger PRs is coming soon. If you want us to prioritize this feature, let us know at [email protected]

Generated with ❤️ by ellipsis.dev

ellipsis-dev · 2026-02-02T21:07:18Z

⚠️ This PR is too big for Ellipsis, but support for larger PRs is coming soon. If you want us to prioritize this feature, let us know at [email protected]

Generated with ❤️ by ellipsis.dev

roomote · 2026-02-02T22:32:51Z

Fixaroo See task on Roo Cloud

This issue was already resolved in a previous commit.

_{View fix commit - The source field was added to BlogFrontmatterSchema in commit 8bfc6b9 ("feat(blog): add source badges with consistent styling")}

…ovin' to 'Tovan' - Changed 22 instances of 'Series A team' to 'Series A - C team' across 20 blog posts - Changed 12 instances of 'Tovin' to 'Tovan' across 4 blog posts This broadens the messaging to better represent teams that Roo Code serves (Series A through C).

ellipsis-dev · 2026-02-02T23:52:02Z

⚠️ This PR is too big for Ellipsis, but support for larger PRs is coming soon. If you want us to prioritize this feature, let us know at [email protected]

Generated with ❤️ by ellipsis.dev

mp-roocode · 2026-02-03T00:12:01Z

@roomote look into the failing tests and fix them

roomote · 2026-02-03T00:14:48Z

Fixaroo See task on Roo Cloud

Investigated the CI failures. All tests pass locally:

src: 368 test files, 5314 tests passed
webview-ui: 118 test files, 1239 tests passed
web-roo-code: 1 test file, 27 tests passed

The CI failure was due to a timeout (The operation was canceled) after all tests had completed successfully, not actual test failures. Pushed an empty commit to trigger a fresh CI run.

_{View commit | Revert commit}

ellipsis-dev · 2026-02-03T00:34:19Z

⚠️ This PR is too big for Ellipsis, but support for larger PRs is coming soon. If you want us to prioritize this feature, let us know at [email protected]

Generated with ❤️ by ellipsis.dev

roomote · 2026-02-03T00:34:26Z

Rooviewer See task on Roo Cloud

No issues found. The latest commit was a CI retry with no code changes.

source field missing from Zod validation schema - the field will be silently stripped during parsing

Previous reviews

a1de7f7: Review #1

2378343: Review #2

b45b4f6: Review #3

8bfc6b9: Review #4

745575c: Review #5

7df0f88: Review #6

e9c598b: Review #7

85736c8: Review #8

836f480: Review #9

_{Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.}

github-project-automation bot added this to Roo Code Roadmap Jan 30, 2026

github-project-automation bot moved this to New in Roo Code Roadmap Jan 30, 2026

mp-roocode self-assigned this Jan 30, 2026

roomote and others added 2 commits January 30, 2026 22:31

roomote bot commented Feb 2, 2026

View reviewed changes

apps/web-roo-code/src/lib/blog/types.ts Show resolved Hide resolved

feat(blog): add source field to all blog posts (Roo Cast, Office Hour…

745575c

…s, After Hours) - Add add-blog-sources.ts script to build title→source mapping - Updated 122 blog posts with correct podcast sources - Sources: Roo Cast (52), Office Hours (62), After Hours (8)

feat(blog): add source badges with consistent styling

8bfc6b9

- Add source field to Zod validation schema - Source badges use same styling as tag badges (rounded, greyscale) - Badges display on /blog landing page for Office Hours, After Hours, Roo Cast

feat(blog): improve schema.org structured data for SEO

b45b4f6

- Change @type from Article to BlogPosting (more specific) - Add image property using OG image URL - Add wordCount for AEO optimization

feat(blog): timestamped YouTube quotes + attribution polish

2378343

ci: retry CI after timeout

66d4fb2

mp-roocode changed the title ~~feat(web): add blog section with 4 initial posts~~ feat(web): add blog section with initial posts Feb 3, 2026

mp-roocode marked this pull request as ready for review February 3, 2026 00:33

mp-roocode requested review from cte, jr and mrubens as code owners February 3, 2026 00:34

dosubot bot added size:XXL This PR changes 1000+ lines, ignoring generated files. Enhancement New feature or request labels Feb 3, 2026

feat(web): add blog section with initial posts #11127

Are you sure you want to change the base?

feat(web): add blog section with initial posts #11127

Uh oh!

Conversation

roomote bot commented Jan 30, 2026 • edited by ellipsis-dev bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Initial Posts (4 total)

Implementation Details

Testing

Files Changed

Uh oh!

roomote bot commented Jan 30, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Jan 30, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

mp-roocode commented Jan 30, 2026

Uh oh!

roomote bot commented Jan 30, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ellipsis-dev bot commented Feb 2, 2026

Uh oh!

ellipsis-dev bot commented Feb 2, 2026

Uh oh!

Uh oh!

ellipsis-dev bot commented Feb 2, 2026

Uh oh!

ellipsis-dev bot commented Feb 2, 2026

Uh oh!

ellipsis-dev bot commented Feb 2, 2026

Uh oh!

ellipsis-dev bot commented Feb 2, 2026

Uh oh!

roomote bot commented Feb 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ellipsis-dev bot commented Feb 2, 2026

Uh oh!

mp-roocode commented Feb 3, 2026

Uh oh!

roomote bot commented Feb 3, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ellipsis-dev bot commented Feb 3, 2026

Uh oh!

roomote bot commented Feb 3, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

roomote bot commented Jan 30, 2026 •

edited by ellipsis-dev bot

Loading

roomote bot commented Jan 30, 2026 •

edited

Loading

github-actions bot commented Jan 30, 2026 •

edited

Loading

roomote bot commented Jan 30, 2026 •

edited

Loading

roomote bot commented Feb 2, 2026 •

edited

Loading

roomote bot commented Feb 3, 2026 •

edited

Loading

roomote bot commented Feb 3, 2026 •

edited

Loading